﻿<UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:ed="http://schemas.microsoft.com/expression/2010/drawing" xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"
	x:Class="ZFCNew.PhotoGallery"
	d:DesignWidth="663" d:DesignHeight="400" HorizontalAlignment="Left" VerticalAlignment="Top" mc:Ignorable="d">
	<UserControl.Resources>
		<Storyboard x:Name="DescPopup">
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="DescBorder">
				<EasingDoubleKeyFrame KeyTime="0" Value="0"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
		<Storyboard x:Name="DescHide">
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="DescBorder">
				<EasingDoubleKeyFrame KeyTime="0" Value="1"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="0"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
		<Storyboard x:Name="OpenThumb"/>
		<Storyboard x:Name="CloseThumb"/>
	</UserControl.Resources>

	<Grid HorizontalAlignment="Left" VerticalAlignment="Top">
		<Grid.ColumnDefinitions>
			<ColumnDefinition Width="50"/>
			<ColumnDefinition Width="Auto"/>
			<ColumnDefinition Width="50"/>
		</Grid.ColumnDefinitions>
		<i:Interaction.Triggers>
			<i:EventTrigger EventName="MouseEnter" SourceObject="{Binding ElementName=grid}">
				<ei:ControlStoryboardAction x:Name="DescPopupOpenAction" Storyboard="{StaticResource DescPopup}"/>
			</i:EventTrigger>
			<i:EventTrigger EventName="MouseLeave" SourceObject="{Binding ElementName=grid}">
				<ei:ControlStoryboardAction x:Name="DescPopupCloseAction" Storyboard="{StaticResource DescHide}"/>
			</i:EventTrigger>
		</i:Interaction.Triggers>
		<Border Margin="0" BorderThickness="2" BorderBrush="White" Background="#44000000" Grid.Column="1" MaxWidth="566" MaxHeight="400" MinWidth="400" MinHeight="200">
			<Grid x:Name="grid">
				<Grid.RowDefinitions>
					<RowDefinition Height="0.275*"/>
					<RowDefinition Height="0.725*"/>
				</Grid.RowDefinitions>
                <Image Margin="0" Source="800px-2010_FIFA_World_Cup_Fans_2.jpg" Stretch="Fill" HorizontalAlignment="Left" VerticalAlignment="Top" Grid.RowSpan="2" d:IsLocked="True"/>
				<Border x:Name="DescBorder" BorderBrush="Black" BorderThickness="0" Height="100" VerticalAlignment="Bottom" Background="#99000000" Grid.RowSpan="2" Opacity="0"/>
			</Grid>
		</Border>

		<ed:RegularPolygon Fill="#FFF4F4F5" InnerRadius="1" PointCount="3" Stretch="Fill" UseLayoutRounding="False" RenderTransformOrigin="0.5,0.5" Margin="5,0,0,0" HorizontalAlignment="Center" Width="50" Height="30" Grid.Column="2" VerticalAlignment="Center">
			<ed:RegularPolygon.RenderTransform>
				<CompositeTransform Rotation="90"/>
			</ed:RegularPolygon.RenderTransform>
		</ed:RegularPolygon>
		<ed:RegularPolygon Fill="#FFF4F4F5" HorizontalAlignment="Center" InnerRadius="1" PointCount="3" Stretch="Fill" UseLayoutRounding="False" Width="50" RenderTransformOrigin="0.5,0.5" Margin="0,0,5,0" Height="30" VerticalAlignment="Center">
			<ed:RegularPolygon.RenderTransform>
				<CompositeTransform Rotation="-90"/>
			</ed:RegularPolygon.RenderTransform>
		</ed:RegularPolygon>
	</Grid>
</UserControl>